$(function() {
    $('#link_reg').on('click', function() {
        // alert(11)
        $('.reg-box').show()
        $('.login-box').hide()
    })

    $('#link_login').on('click', function() {
        // alert(11)
        $('.login-box').show()
        $('.reg-box').hide()
    })
    var form = layui.form;
    var layer = layui.layer;
    form.verify({
            pwd: [
                /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
            ],
            repwd: function(value) {
                // 通过形参拿到密码框的值
                var pwd = $('.reg-box [name=password]').val();
                if (pwd !== value) return '两次输入的密码不一致'
            }
        })
        // 监听注册表单事件
    $('#form_reg').submit(function(e) {
        e.preventDefault();
        var data = $(this).serialize()
        $.post('/api/reguser', data, function(res) {
            // console.log(res);
            if (res.status !== 0) return layer.msg(res.message);
            layer.msg('注册成功，请登录')
            $('#link_login').click();
        })
    })


    // 监听登录表单提交事件
    $('#form_login').on('submit', function(e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: data,
            success: function(res) {
                // console.log(res);
                if (res.status !== 0) return layer.msg('登录失败')
                layer.msg('登录成功')
                localStorage.setItem('token', res.token);
                location.href = '/index.html'
            }
        })
    })
})